<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选-以严谨的态度，为中国消费者甄选天下优品</title>
    <link rel="shotcut icon" type="image/-icon" href="./images/favicon(1).ico">
    <link rel="stylesheet" href="./css/0-网易严选.css">
    <link rel="stylesheet" href="./css/图标引入.css">
</head>
<body>
    <!-- 大背景 -->
    <div style="margin: 0 auto;"id="background-plate">
        <div id="topAnchor"></div>
        <!-- 头部 -->
        <header>
            <div class="header-top">
                <div class="header-top-nav">
                    <div class="header-top-nav-inform">
                         <span><img src="./images/asset 131.gif" alt="喇叭"></span><a href="#">关于新疆地区寄递管控通知</a>  
                    </div>
                    <ul class="header-top-nav">
                        <li><a href="#">登录/注册</a> |</li>
                        <li><a href="#">我的订单</a> |</li>
                        <li><a href="#">会员</a> |</li>
                        <li><a href="#">甄选家</a> |</li>
                        <li id="qiye"><a href="#">企业采购<span><img src="images/asset 139.png"></span></a> |
                            <ul class="inner1">
                               <li>企业购</li>
                               <li>礼品卡</li>
                               <li>联系我们</li>
                            </ul>
                       </li>
                        <li id="kehu"><a href="#">客户服务<span><img src="images/asset 139.png"></span></a> |
                            <ul class="inner2">
                               <li>在线客服</li>
                               <li>帮助中心</li>
                               <li>商务服务</li>
                               <li>开放平台</li>
                            </ul>
                        </li>
                        <li><span><img src="images/图标/iphone.png"></span> <a href="#">APP</a> |</li>
                    </ul>  
                </div>
                
            </div>  
            <div class="header-bottom">
                <div class="header-bottom-content">
                     <div class="logo"><img src="./images/logo.png"></div>
                         <div class="header-search">
                             <i class="iconfont icon-sousuo"></i>
                             <input id="header-search-input" type="text" name="search" placeholder="&nbsp; &nbsp;9.9元超值专区 "> 
                             <div class="header-search-button">搜索</div> 
                             <div class="shopping-cart"> <i class="iconfont icon-icon-"></i> 购物车</div>
                         </div> 
                         <div class="hotkeyword-list">
                             <a href="#">超国际高品质</a> | <a href="#">口罩专区</a> | <a href="#">筷子节美食3件85折</a> | <a href="#">筷子除菌黑科技99元</a> 
                         </div> 
                    </div>   
             </div>   
        </header>
        <!-- 大导航栏 -->
        <div class="header-bottom-nav">
            <ul class="header-bottom-nav">
        
               <li><p>首页</p></li>
              <li>
                   <p>居家生活</p>
                   <!-- 二级菜单 -->
                   <ul id="header-bottom-nav-outer">
                            <li>
                                <p>口碑好物</p>
                                <ul class="header-bottom-nav-inner">
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(1\).ico); list-style-position: inside;">口碑好物</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(2\).ico); list-style-position: inside;">抑菌防螨</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(3\).ico); list-style-position: inside;">春夏好物</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(4\).ico); list-style-position: inside;">主题床品</li>
                                </ul>
                            </li>
                            <li><p>床上用品</p>
                                <ul class="header-bottom-nav-inner">
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(5\).ico); list-style-position: inside;">床品件套</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(6\).ico); list-style-position: inside;">被枕盖毯</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(7\).ico); list-style-position: inside;">床垫床褥</li>
                                </ul>
                            </li>
                            <li><p>家居家装</p>
                               <ul class="header-bottom-nav-inner">
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(11\).ico); list-style-position: inside;">客厅家具</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(9\).ico); list-style-position: inside;">卧室家具</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(1\).ico); list-style-position: inside;">小件家具</li>
                                 <li style="list-style-image: url(./images/二级菜单/favicon\(10\).ico); list-style-position: inside;">灯具</li>
                               </ul>
                           </li>
                           <li><p>家居饰品</p>
                               <ul class="header-bottom-nav-inner">
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(12\).ico); list-style-position: inside;">抱枕靠垫</li>
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(13\).ico); list-style-position: inside;">家饰</li>
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(14\).ico); list-style-position: inside;">居家布艺</li>
                                 </ul>
                           </li>
                           <li><p>厨房用品</p>
                               <ul class="header-bottom-nav-inner">
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(15\).ico); list-style-position: inside;">锅具</li>
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(16\).ico); list-style-position: inside;">餐厨配件</li>
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(17\).ico); list-style-position: inside;">刀剪砧板</li>
                                 </ul>
                               </li>
                           <li><p>餐具水具</p>
                               <ul class="header-bottom-nav-inner">
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(18\).ico); list-style-position: inside;">餐具</li>
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(19\).ico); list-style-position: inside;">水具杯具</li>
                                   <li style="list-style-image: url(./images/二级菜单/favicon\(20\).ico); list-style-position: inside;">茶咖酒具</li>
                                 </ul>
                               </li>
                           <li><p>宠物生活</p>
                               <ul class="header-bottom-nav-inner">
                               <li style="list-style-image: url(./images/二级菜单/favicon\(21\).ico); list-style-position: inside;">宠物食品</li>
                               <li style="list-style-image: url(./images/二级菜单/favicon\(22\).ico); list-style-position: inside;">宠物用品</li>
                             </ul>
                           </li>
                    </ul>
              </li>
              <li><p>服饰鞋包</p></li>
              <li><p>美食酒水</p></li>
              <li><p>个护清洁</p></li>
              <li><p>母婴亲子</p></li>
              <li><p>运动旅行</p></li>
              <li><p>数码家电</p></li>
              <li><p>严选全球</p></li>
              <li><p>为你严选</p></li>
              <li><p>众筹</p></li>
           </ul>
       </div>
        <!-- 大轮播图 1920*420 -->
        <div class="big-picture">
            <div class="big-picture-move">
             <div><img src="./images/轮播图/asset 54.webp" alt=""></div>
             <div><img src="./images/轮播图/asset 56.webp" alt=""></div>
             <div><img src="./images/轮播图/asset 57.webp" alt=""></div>
             <div><img src="./images/轮播图/asset 58.webp" alt=""></div>
             <div><img src="./images/轮播图/asset 59.webp" alt=""></div>
             <div><img src="./images/轮播图/asset 60.webp" alt=""></div>
             </div>
       </div>
        <!-- 侧边导航栏——热销榜 -->
        <div class="hot-goods">
            <div class="hot-goods-nav">
                <p style="background-image: url(./images/asset\ 142.webp);">— 热销榜 —</p>
                <ul class="hot-goods-nav">
                    <li><img src="./images/图标/1.png" alt=""><span>全站<br>热销榜</span></li>
                    <li><img src="./images/图标/2.png" alt=""><span>居家<br>生活榜</span></li>
                    <li><img src="./images/图标/3.png" alt=""><span>服饰<br>鞋包榜</span></li>
                    <li><img src="./images/图标/4.png" alt=""><span>美食<br>酒水榜</span></li>
                    <li><img src="./images/图标/5.png" alt=""><span>数码<br>水电榜</span></li>
                    <li><img src="./images/图标/6.png" alt=""><span>个护<br>清洁榜</span></li>
                    <li><img src="./images/图标/7.png" alt=""><span>运动<br>旅行榜</span></li>
                    <li><img src="./images/图标/8.png" alt=""><span>母婴<br>亲子榜</span></li>
                    <li><img src="./images/图标/9.png" alt=""><span>全球<br>特色榜</span></li>
                </ul>
            </div> 
        </div>
        <!-- 返回顶部侧边栏 -->
        <div class="side-nav">
        <div class="gift">
             <i class="iconfont icon-liwu" style="font-size:30px"></i>
            <p>新人有礼</p>
        </div>
        <div class="sidenav-code">
            <img src="./images/侧边nav/2.png" alt="">
            <span>扫码领</span>
            <p>APP大额<br>新人礼包</p>
        </div>
        <div class="e-book">
            <i class="iconfont icon-wuxianwifi" style="font-size:30px"></i>
            <p>订阅电子刊</p>
        </div>
        <div class="online-service">
           <i class="iconfont icon-kefu1" style="font-size:30px"></i>
            <p>在线客服</p>
        </div>
        <div class="back-top">
            <p><a href="#topAnchor" style="position: position;right: 0;bottom: 0;">
                <i class="iconfont icon-huidingbu" style="font-size:30px"></i><br>回顶部</a>
            </p>
        </div>
        </div> 
       <!-- 体部 -->
        <article>
           
            <!-- 新品首发部分 -->
             <div class="new-arrival">
                 <div id="new-arrival">
                     <div class="new-arrival-header">
                     <h3>新品首发</h3> <span>为你寻觅世间好物</span>
                     <div class="new-arrival-header-more"><a href="#">更多新品 ></a></div>
                      </div>
                     <div class="new-arrival-content">
                     <div class="new-arrival-content1">
                         <section class="good1"></section>
                         <section>
                             <p><span>新品限时购</span></p>
                             <p>守护你的发际线 黑芝麻丸100g</p>
                             <p><span class="span1">￥29</span> <span class="span2">￥39</span></p>
                         </section>
                     </div>
                     <div class="new-arrival-content2">
                        <section class="good2"></section>
                         <section>
                            <p><span>新品限时购</span></p>
                            <p>切丝擦丝切蒜辅食 家用食物多功能料理机</p>
                            <p><span class="span1">￥28.9</span> <span class="span2">￥29.9</span></p>
                         </section>
                     </div>
                     <div class="new-arrival-content3">
                        <section class="good3"></section>
                         <section>
                            <p><span>新品限时购</span></p>
                            <p>万古不易，锁味增鲜 日本万古烧饭釜0.5L</p>
                            <p><span class="span1">￥129</span> <span class="span2">￥149</span></p>
                         </section>
                     </div>
                     <div class="new-arrival-content4">
                        <section class="good4"></section>
                         <section>
                            <p><span>新品限时购</span></p>
                            <p>女式可机洗天丝平底鞋</p>
                            <p><span class="span1">￥134</span> <span class="span2">￥149</span></p>
                         </section>
                     </div>
                     </div>
                </div>
            </div>
            <!-- 好物推荐部分 -->
            <div class="recommend-bg">
                <div class="recommend">
                   <div class="recommend-header">
                      <h3>人气推荐</h3> <span>编辑推荐</span><span>热销总榜</span>
                      <div class="recommend-header-more"><a href="#">更多推荐 ></a></div>
                    </div>
                   <div class="recommend-content">
                       <div class="recommend-content-items">
                            <div>
                               <section id="recommend-content-item1"><img src="./images/人气推荐/1.png" alt=""></section>
                               <section  id="recommend-content-item2">
                                   <p style="color: black; font-weight: bold; margin-top: 30px;">轻弹云朵居家拖鞋</p>
                                   <p><span class="span1">￥9.9</span> </p>
                               </section>
                            </div>
                       </div>
                       <div class="recommend-content-items">
                           <div>
                               <section><img src="./images/人气推荐/2.png" alt=""></section>
                               <section>
                                <p><span>每满150减20券</span></p>
                                <p>远优于欧盟标准，纯牛奶250毫升*24盒</p>
                                <p><span class="span1">￥88</span> </p>
                               </section>
                           </div>
                           <div>
                            <section><img src="./images/人气推荐/4.png" alt=""></section>
                            <section>
                                <p><span>新人特价</span></p>
                                <p>告别啃食尴尬，秘制无骨风爪 108克</p>
                                <p><span class="span1">￥13</span> <span class="span2">￥22</span></p>
                            </section>
                           </div>
                       </div>
                       <div class="recommend-content-items">
                           <div>
                            <section><img src="./images/人气推荐/5.png" alt=""></section>
                            <section>
                                <p><span>限时购</span></p>
                                <p>清新英国梨香 强力去污 酵素洗衣液3kg/1kg</p>
                                <p><span class="span1">￥29.9</span> <span class="span2">￥35</span></p>
                            </section>
                           </div>
                           <div>
                            <section><img src="./images/人气推荐/3.png" alt=""></section>
                            <section>
                                <p><span>特价</span></p>
                                <p>99.9%抑菌率 口气清醒 漱口水</p>
                                <p><span class="span1">￥8.9</span> <span class="span2">￥9.9</span></p>
                            </section>
                           </div>
                       </div>
                       <div class="recommend-content-items">
                           <div>
                            <section><img src="./images/人气推荐/6.png" alt=""></section>
                            <section>
                                <p><span>每满150减20券</span></p>
                                <p>无添加蔗糖，苏打饼干360克</p>
                                <p><span class="span1">￥12.8</span></p>
                            </section>
                           </div>
                           <div>
                            <section><img src="./images/人气推荐/7.png" alt=""></section>
                            <section>
                                <p><span>每满150减20券</span></p>
                                <p>谷风一木4层印花手帕纸 12包/条</p>
                                <p><span class="span1">￥5.9</span></p>
                            </section>
                           </div>
                       </div>
                   </div>
                </div>
            </div>
            <!-- 限时购 -->
            <div class="flash-sale">
                <div class="flash-sale-header">
                    <h3>限时购</h3> 
                    <div class="flash-sale-header-more"><a href="#">更多抢购 ></a></div>
                </div>

                <div class="flash-sale-content">
                    <div class="flash-sale-content1">
                        <img src="./images/限时购/Snipaste_2020-08-06_14-03-50.png" alt="">
                    </div>

                    <div class="flash-sale-content2">
                        <div class="content-picture"><img src="./images/限时购/2.png" alt="商品图"></div>
                        <div class="content-intro">
                            <h3>为床垫+4cm舒适，柔弹AB面床褥四季款</h3>
                            <span class="flash-span1">双面四季柔弹，亲肤透气更安心</span>
                            <progress value="89" max="100"></progress>还剩57件
                            <p>限时价<span class="flash-span2">￥199</span><span class="flash-span3">￥299</span></p>
                            <p class="sale-button"><span>立即抢购</span></p>
                        </div>
                    </div>
                    <div class="flash-sale-content2">
                        <div class="content-picture"><img src="./images/限时购/3.png" alt="商品图"></div>
                        <div class="content-intro">
                            <h3>扫拖不用亲自动手，扫拖两用机器人</h3>
                            <span class="flash-span1">激光高精导航，智能房间识别</span>
                            <progress value="79" max="100"></progress>还剩7件
                            <p>限时价<span class="flash-span2">￥1979</span><span class="flash-span3">￥2299</span></p>
                            <p class="sale-button"><span>立即抢购</span></p>
                        </div>
                    </div>
                    <div class="flash-sale-content2">
                        <div class="content-picture"><img src="./images/限时购/4.png" alt="商品图"></div>
                        <div class="content-intro">
                            <h3>新鲜燕窝仙女喝，30%即食燕窝70克*六瓶</h3>
                            <span class="flash-span1">新鲜燕窝原瓶进门，品质升级</span>
                            <progress value="89" max="100"></progress>还剩57件
                            <p>限时价<span class="flash-span2">￥239</span><span class="flash-span3">￥258</span></p>
                            <p class="sale-button"><span>立即抢购</span></p>
                        </div>
                    </div>
                    <div class="flash-sale-content2">
                        <div class="content-picture"><img src="./images/限时购/5.png" alt="商品图"></div>
                        <div class="content-intro">
                            <h3>多功能收纳整理柜，木质顶板，金属滑轨</h3>
                            <span class="flash-span1">木质顶板，金属滑轨抽拉顺滑</span>
                            <progress value="89" max="100"></progress>还剩20件
                            <p>限时价<span class="flash-span2">￥425</span><span class="flash-span3">￥499</span></p>
                            <p class="sale-button"><span>立即抢购</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 严选全球 -->
             <div class="select-global">
                    <div class="select-global-header">
                        <h3>严选全球</h3> 
                        <div class="select-global-header-more"><a href="#">夏日新品</a> / <a href="#">夏日新品</a> / <a href="#">应季防护</a> / <a href="#">床品家纺</a> / <a href="#">餐厨用具</a> / <a href="#">日用百货</a>
                            <a href="#">查看更多 ></a></div>
                    </div>
                        <div class="select-global-picture">
                            <div class="select-global-picture-move">
                             <div><img src="./images/严选全球/asset 107.webp" alt=""></div>
                             <div><img src="./images/严选全球/asset 108.webp" alt=""></div>
                             <div><img src="./images/严选全球/asset 109.webp" alt=""></div>
                            </div>
                        </div>
                        <div class="select-global-content">
                        <div class="select-global-content1">
                                <section><img src="./images//严选全球/1.png" alt=""></section>
                                <section>
                                    <p><span>每满200减25券</span></p>
                                    <p>大英博物馆 富岳三十景 笔帘</p>
                                    <p><span class="span1">￥79</span></p>
                                </section>
                            </div>
                            <div class="select-global-content2">
                                <section><img src="./images//严选全球/2.png" alt=""></section>
                                <section>
                                   <p><span>8折券</span></p>
                                   <p>睡着按摩颈椎 泰国93%含量天然乳胶枕</p>
                                   <p><span class="span1">￥199</span> </p>
                                </section>
                            </div>
                            <div class="select-global-content3">
                                <section><img src="./images//严选全球/3.png" alt=""></section>
                                <section>
                                   <p><span>每满200减25券</span></p>
                                   <p>吸走倦怠感 日本天然草本足贴4味可选20片装</p>
                                   <p><span class="span1">￥69</span> </p>
                                </section>
                            </div>
                            <div class="select-global-content4">
                                <section><img src="./images//严选全球/4.png" alt=""></section>
                                <section>
                                   <p><span>每满200减25券</span></p>
                                   <p>惊奇队长 呼叫器软胶钥匙扣 漫威</p>
                                   <p><span class="span1">￥25</span> </p>
                                </section>
                            </div>
                        </div>
            </div>
            <!-- 脚部 -->
            <div class="footer">
            <div class="footer-up">
                <!-- 底部联系拓展 -->
                <div class="customer-service">
                    <p>客户服务</p>
                    <div class="zaixiankefu"><i class="iconfont icon-kefu" style="font-size: 30px;"></i><p>在线客服</p></div>
                    <div class="yonghufankui"><i class="iconfont icon-shuohuaspeak" style="font-size: 30px;"></i><p>用户反馈</p></div>
                </div>
                <div class="what-yanxuan">
                    <p>何为严选</p>
                    <div class="yanxuan-intro">
                        网易原创生活类电商品牌，秉承网易一贯的严谨态度，
                        我们深入世界各地，从源头全程严格把控商品生产环节，
                        力求帮消费者甄选到优质的商品</div>
                     <span>关注我们：</span>
                     <span>
                         <img src="./images/图标/footer1.png" alt="">
                         <img src="./images/图标/footer2.png" alt="">
                         <img src="./images/图标/footer3.png" alt="">
                    </span>   
                </div>
                <div class="QR-code">
                    <p>扫码下载严选APP</p>
                    <div class="code"><img src="./images/底部/Snipaste_2020-08-12_09-24-29.png" alt=""></div>
                    <span>下载领大额新人礼包</span>
                </div>
            </div>
            <!-- 底部企业信息 -->
            <div class="footer-down">
                <div class="footer-down-up">
                    <div><img src="./images/底部/1.png" alt=""><p>网易自营电商</p></div>
                    <div><img src="./images/底部/2.png" alt=""><p>30天无忧退换货</p></div>
                    <div><img src="./images/底部/Snipaste_2020-08-12_09-25-43.png" alt=""><p>满99元免邮费</p></div>
                    <div><img src="./images/底部/4.png" alt=""><p>品质保证</p></div>
                    
                </div>
                <div class="about-us">
                         <div class="about-us-header"><a href="#">关于我们</a> | <a href="#">帮助中心</a> | <a href="#">售后服务</a> | <a href="#">配送与验收</a> |
                         <a href="#">商务合作</a> | <a href="#">企业采购</a> | <a href="#">开放平台</a> | <a href="#">搜索推荐</a> | <a href="#">友情链接</a> | <a href="#">廉政举报</a>
                         </div>
                         <p>
                             <a href="#">食品经营许可证：JY13301080111719</a>
                             <a href="#">出版物经营许可证：新出发滨字第0132号</a>
                             <span>妙得ICP证号：ICP 证浙B2-20160106</span>
                             <a href="#">浙杭食药监械经营备20171029号</a>
                             <a href="#">营业执照</a>
                             <span>网易公司版权所有 © 1997-2020</span>
                         </p>
                         <p>
                             <a href="#">无线电发射设备销售备案：42202011096855</a>
                             <a href="#">（浙杭）网械企备字[2019]第00119号</a>
                             <span>（粤）网械平台备字（2019）第00004号</span>
                             <span>（粤）-非经营性-2016-0023</span>
                         </p>
                         <p>
                             <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</span>
                             <a href="#">单用途商业预付卡备案证：330100AAC0024</a>
                             <img src="./images/底部/警徽.png" alt="">
                         </p>
                </div>
            </div>
            </div>  
        </article> 
        
    </div>
</body>
</html>